/**
 * 功能：使页面中的 select 元素宽度与第一个 input 元素保持一致
 * 说明：页面加载完成后，获取第一个 input 的宽度并应用到 select 上
 */

// 页面加载完成后执行此函数
window.onload = function() {
	// 获取页面中所有的 input 元素
	/*document.querySelectorAll:
	通过 CSS 选择器 来查找文档中的元素,返回一个,包含所有匹配元素的 静态 NodeList（类似数组的对象）*/
	let inputs = document.querySelectorAll('input');
	// 获取页面中所有的 select 元素
	let selects = document.querySelectorAll('select');

	// 将 select 元素的宽度设置为第一个 input 元素的宽度
	for (i = 0; i < selects.length; i++) {
		// offsetWidth:返回元素的实际宽度
		selects[i].style.width = inputs[0].offsetWidth + 'px';
	}
}